<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="__UI__/css/bs3/dpl.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/bs3/bui.css" rel="stylesheet" type="text/css" />
<link href="__UI__/css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

button {
	margin-right:20px;
}

.button-tabs li {
	float:left;
	margin:0px 20px;
}

.control-group .controls{
	float:none;
	margin-bottom:20px;
}

.controls .con{
	width:90%;
	margin:20px auto 20px 100px;
	height:auto;
	line-height:50px;
	font-size:18px;
	word-wrap: break-word; 
	word-break: normal;
}

.controls .cons{
	width:85%;
	margin:-20px auto 20px 140px;
	height:auto;
	min-height:30px;
	line-height:30px;
	font-size:18px;
	word-wrap: break-word; 
	word-break: normal;
	overflow:hidden;
}


</style>
</head>
<body>
<div class="demo-content" style="margin-top:1%;">
	<div class="row" style="width:90%; margin:0px auto;">
    	<div style="text-align:center">
        	<h2>{$tid}<if condition="$nid eq title"> —— 演练展示</if><if condition="$nid eq titles"> —— 场景展示</if></h2><hr>
        </div>
        <form id="J_Form" class="form-horizontal" method="post" action="#">
			<if condition="$bid eq 'scripts' and $nid neq 'title' and $nid neq 'department' and $nid neq 'pic'">
			<div class="control-group">
				<div class="controls">
					<div class="con">
						<audio controls src='{:U("Home/Ping/voice",array("sid"=>I("get.sid"),"pid"=>I("get.pid"),"bid"=>I("get.bid"),"nid"=>I("get.nid"),"tid"=>I("get.tid")))}'></audio>
						<pre>{$scripts}</pre>
					</div>
				</div>
			</div>
            </if>
                        
			<if condition="$bid eq 'scripts' and $nid eq 'department' and $k eq ''">
			<volist name="department" id="vo">
            <div class="control-group">
				<div class="controls">
					<div class="cons">
						<pre>{$vo}</pre>
					</div>
				</div>
			</div>
			</volist>
			</if>
            
            <if condition="$bid eq 'scripts' and $nid eq 'department' and $k neq ''">
			<volist name="department" id="vo">
            <div class="control-group">
				<div class="controls">
					<div class="cons">
                        <pre><span <volist name="departments" id="vos"><if condition="$vos eq $vo">style="color:#00ff00; font-weight:bold"</if></volist>>{$vo}</span></pre>                        
					</div>
				</div>
			</div>
			</volist>
			</if>
                        
			<if condition="$bid eq 'scripts' and $nid eq 'pic'">
			<volist name="pic" id="vo">
            <div class="control-group">
				<div class="controls">
					<div class="con">
						<if condition="$vo.ext eq 'jpg' or $vo.ext eq 'png' or $vo.ext eq 'gif'">
							<img src="__ROOT__/{$vo.pic}" width="300"/>
						</if>
					</div>
 				</div>
            </div>
            </volist>
			</if>
                        
			<if condition="$bid eq 'scene' and $nid eq 'hint'">
			<volist name="hint" id="vo" key="k">
                        <div class="controls">
                        <audio controls src='{:U("Home/Ping/voice",array("sid"=>I("get.sid"),"pid"=>I("get.pid"),"bid"=>I("get.bid"),"nid"=>I("get.nid"),"tid"=>I("get.tid"),"k"=>$k))}'></audio>
                        </div>
                        <div style="width:90%; display:inline-block; line-height:30px;"><pre>{$vo}</pre></div>
                        </volist>
                        </if>
                        
			<if condition="$bid eq 'scene' and $nid eq 'titles'">
				<div class="control-group">
					<div class="controls">
						<label class="control-label"><h3>场景名称</h3></label>
						<div class="controls">
							<div class="cons">{$scene.scenename}</div>
						</div>
					</div>
				</div>
                <div class="control-group">
					<div class="controls">
						<label class="control-label"><h3>场景事件</h3></label>
                        <div class="controls">
							<audio controls src='{:U("Home/Drill/voice",array("sid"=>I("get.id"),"pid"=>I("get.pid"),"bid"=>"scene","nid"=>"brief","tid"=>"场景事件"))}'></audio>
						</div>
						<div class="controls">
							<div class="con"><pre>{$scene.brief}</pre></div>
						</div>
					</div>
				</div>
                <div class="control-group">
					<div class="controls">
						<label class="control-label"><h3>多媒体文件</h3></label>
						<volist name="pic" id="v">
						<div class="controls">
							<if condition="$v.ext eq 'jpg' or $v.ext eq 'png' or $v.ext eq 'gif'">
							<div class="con">
								<img src="__R__/{$v.pic}" width="300"/>
							</div>
							</if>
                            <if condition="$v.ext eq 'mp4'">
                            <div class="con">
							<video id="video1" controls width="420" style="margin-top:15px;">
								<source src="__R__/{$v.pic}" type="video/mp4" />
							</video>
                            </div>
							</if>
						</div>
						</volist>
					</div>
				</div>
			</if>
        </form>
	</div>
</div>
<script type="text/javascript" src="__UI__/js/jquery-1.8.1.min.js"></script>
<script src="__UI__/js/bui/sea.js"></script>
<script src="__UI__/js/bui/config.js"></script>
<script type="text/javascript" src="__UI__/js/Validform_v5.3.2_min.js"></script>
</body>
</html>